<!doctype html>
<html ng-app="app" ng-controller="main">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>{{g_title}}</title>
    <link rel="stylesheet" type="text/css" href="/css/designer.css">
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
</head>

<body>
<div id="popups">
</div>
<header>
    <div class="nav">
        <ul>
            <li><a>New</a></li>
            <li><a>Open</a></li>
            <li><a>Save</a></li>
            <li><a ng-click = "reset()">Reset</a></li>
            <li><a target="_blank" href="help.html">Help</a></li>
        </ul>
    </div>
</header>
<section>
    <div id="designer_viewport">
        <div id="designer_layout">
            <div id="canvas_container">
                <canvas id="designer_canvas">
                    content
                </canvas>
            </div>
        </div>
    </div>
    <div id="elements" class="dock left-top-abs elements">
        <div class="dock-header">Elements</div>
        <ul >
        </ul>
    </div>

    <div id="details" class="dock right-top-abs">
        <div class="dock-header"></div>
        <ul>
            <li><a><i class="fa fa-gear"></i></a></li>
        </ul>
        <div id="right_popup" class="right-top-abs popup">

        </div>
    </div>
</section>
<footer>
    <p>
        <span>{{current}}</span>
        <span>({{Designer.Mouse.clientX}},{{Designer.Mouse.clientY}})</span>
        <span>({{Designer.Mouse.canvasX}},{{Designer.Mouse.canvasY}})</span>
        <span style="float:right">Powered By shuimin co., ltd.</span></p>
</footer>
<script src="/lib/jquery.min.js"></script>
<script src="/js/jquery.json.js"></script>
<script src="/lib/angular.js"></script>

<script src="/app/designer.js"></script>
<script src="/app/koi.js"></script>
<script src="/app/main.js"></script>

</body>
</html>